<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
    </style>
</head>
<body>
    <input type="button" id="btn1" value="打开">
    <input type="button" id="btn2" value="关闭">
    <input type="button" id="btn3" value="关闭计时器">
    <input type="button" id="btn4" value="关闭延时器">
</body>
<script>
    // window的方法其实就是内置的全局函数
    // 因为window在使用时可以被省略

    // window的方法
    // 功能，参数，返回值，是否改变原数据


    // - alert()
    // - prompt()
    // - confirm()

    // 功能：弹出信息框
    // 参数：要弹出的信息
    // 返回值：undefined
    // 是否改变原数据：否
    // var res = alert("hello")
    // alert(res);

    // var res = prompt("hello")
    // console.log(res);

    // var res = confirm("hello");
    // console.log(res);


    // function fn(){
    //     if(confirm("充钱不")){
    //         alert("欢迎")
    //     }else{
    //         fn();
    //     }
    // }
    // fn();

    // ===============


    // var btn1 = document.getElementById("btn1");
    // var btn2 = document.getElementById("btn2");

    // btn1.onclick = function(){
    //     open("http://www.baidu.com");
    // }
    // btn2.onclick = function(){
    //     if(confirm("真的要关闭当前页面吗？")){
    //         close();
    //     }
    // }

    
    // ==================
    // var btn3 = document.getElementById("btn3");
    // 功能：计时器，随着时间的流逝，执行代码（每隔指定时间，执行指定代码）
    // 参数：
        // 参数1：回调函数
        // 参数2：毫秒数
    // 返回值：当前计时器的唯一标志，用来被清除使用
    // var t1 = setInterval(function(){
    //     console.log("hello");
    // }, 1000)

    // var t2 = setInterval(function(){
    //     console.log("world");
    // }, 1000)

    // btn3.onclick = function(){
    //     // 功能：清除计时器
    //     // 参数：要清除的计时器的唯一标志
    //     // 返回值：无
    //     clearInterval(t2);
    // }


    // var btn4 = document.getElementById("btn4");
    // // 功能：延时器，延迟指定时间，执行指定代码（只执行一次）
    // // 参数：
    //     // 参数1：回调函数
    //     // 参数2：毫秒数
    // // 返回值：当前延时器的唯一标志，用来被清除使用
    // var t1 = setTimeout(function(){
    //     console.log(123)
    // }, 2000);

    // btn4.onclick = function(){
    //     // 功能：清除延时器器
    //     // 参数：要清除的延时器的唯一标志
    //     // 返回值：无
    //     clearTimeout(t1);
    // }

    
    // 异步
</script>
</html>